<template>
    <div>
        <UploadExcel :onSuccess="success" />
    </div>
</template>

<script>
import { importEmployeeAPI } from '@/api/employees'
export default {
    methods: {
        async success({ header, results }) {
            // 如果导入的是员工
            const userRelations = {
                '入职日期': 'timeOfEntry',
                '手机号': 'mobile',
                '姓名': 'username',
                '转正日期': 'correctionTime',
                '工号': 'workNumber'
            }
            // 转换数据第一种写法
            // var newArr = []
            // results.forEach(item => {
            //     const userInfo = {}
            //     Object.keys(item).forEach(key => {
            //         userInfo[userRelations[key]] = item[key]
            //     })
            //     newArr.push(userInfo)
            // })
            // 转换数组的第二种写法 map方法实现
            var newArr = results.map(item => {
                const userInfo = {}
                Object.keys(item).forEach(key => {
                    // 判断当前循环的key是否是时间格式 因为 excel表格时间转换跟js是不一样的 需要转换一下
                    if (userRelations[key] === 'timeOfEntry' || userRelations[key] === 'correctionTime') {
                        userInfo[userRelations[key]] = new Date(this.formatDate(item[key], '/'))
                    } else {
                        userInfo[userRelations[key]] = item[key]
                    }
                })
                return userInfo
            })

            await importEmployeeAPI(newArr)
            this.$message.success('Excel导入成功!')
            this.$router.back() // 回到上个路由页面
        },
        //转化excel的日期格式（直接复制即可）
        formatDate(numb, format) {
            const time = new Date((numb - 1) * 24 * 3600000 + 1)
            time.setYear(time.getFullYear() - 70)
            const year = time.getFullYear() + ''
            const month = time.getMonth() + 1 + ''
            const date = time.getDate() - 1 + ''
            if (format && format.length === 1) {
                return year + format + month + format + date
            }
            return year + (month < 10 ? '0' + month : month) + (date < 10 ? '0' + date : date)
        }
    }
}
</script>

<style>
</style>